<template>
  <!-- 施工地址） -->
  <div class="mt-[30px] flex items-center">
    <div class="w-[4px] h-[12px] bg-[#EF6800]"></div>
    <div class="ml-[10px] text-[#EF6800] text-[16px] font-bold">支付信息</div>
  </div>
  <div class="mt-[30px]">
    <el-form-item label="支付方式">
      <!-- <el-input
        :disabled="disabled"
        placeholder="施工地址"
        v-model="addInfo.address"
        style="width: 20vw"
        class="w-[318px]"
      ></el-input> -->
      <div v-if="info.pay_method == 1">大地支付</div>
      <div v-if="info.pay_method == 2">广福支付</div>
      <div v-if="info.pay_method == 3">线下转账</div>
    </el-form-item>
    <el-form-item label="上传凭证" v-if="info.pay_img">
      <el-image
        :src="info.pay_img"
        fit="fill"
        class="w-[178px] h-[100px] rounded-[5px]"
        :lazy="true"
        :preview-src-list="previewList"
      ></el-image>
    </el-form-item>
  </div>
</template>
<script setup lang="ts">
import getAssetsFile from "@/utils/getImageurl.ts";
import {
  reactive,
  defineProps,
  watchEffect,
  ref,
  defineExpose,
  defineEmits,
  computed,
} from "vue";
import { getPrice } from "@/utils/api";
import { useRouter, useRoute } from "vue-router";
const props = defineProps({
  info: { type: Object as any },
});
const previewList = computed(() => {
  if (props.info.pay_img) {
    return [props.info.pay_img];
  }
  return [];
});
</script>
